<template>
  <el-container>
    <el-main class="nopadding">
      <el-table ref="table" :data="list" row-key="id" stripe border>
        <el-table-column
          label="客户"
          prop="customerName"
          min-width="150"
          :show-overflow-tooltip="true"
        ></el-table-column>
        <el-table-column label="合同编号" prop="contractCode" min-width="150">
        </el-table-column>
        <el-table-column
          label="签订日期"
          prop="contractOrderTime"
          min-width="150"
        >
        </el-table-column>
        <el-table-column label="合同金额" prop="contractMoney" min-width="150">
        </el-table-column>
        <el-table-column label="本次收款金额" prop="money" width="300">
        </el-table-column>
        <!-- <el-table-column label="是否完成" width="150">
          <template #default="scope">
            <p v-if="scope.row.isCollection == 1" style="color: #67c23a">
              已完成
            </p>
            <p v-if="scope.row.isCollection == 0" style="color: #f56c6c">
              未完成
            </p>
          </template>
        </el-table-column> -->
      </el-table>
    </el-main>
  </el-container>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
      required: true,
      default: () => [],
    },
  },

  data () {
    return {}
  },
  mounted () {
  },
  methods: {

  }
};
</script>
<style></style>
